require('../less/register.less')

require('../fonts/iconfont.css')
/* 使用dom里面的方法 
原生js的文档加载事件
*/
document.ready(function () {
    /* console.log(utils.isPhone(haoma.value)); */


    /* 密码登录跳转事件 */
    let top = document.querySelector(".top")
    top.addEventListener("click", function () {
        location.href = "./password.html"
    })


    /* 复制文档里验证码插件网址
    第三步：在确保页面DOM加载完毕之后，
    调用captcha的draw方法(手动加载): */
    /*不传值，统一走默认值*/
    /* let captcha1 = new CaptchaMini();
    captcha1.draw(document.querySelector('#captcha1'), r => {
        console.log(r, '验证码1');
    }); */

    /* 获取元素 */
    const btn = document.querySelector("#anniujs")
    /* 获取手机号码 */
    const haoma = document.querySelector("#haoma")
    /* 输入的验证码 */
    const yan1 = document.querySelector("#yanzhengma1")
    /* 输入密码 */
    const mima1 = document.querySelector("#mima1")
    /* 请再次输入密码 */
    const mima2 = document.querySelector("#mima2")
    /* 失败信息 */
    const shibai = document.querySelector(".shibai")



    /* 验证码 */

    //captcha2  console.log(r, '验证码2');保存验证码做js事件使用
    //由于是字符串所以定义数据要字符串
    //保存生成的验证码
    let yanzhengma = ""



    /*传值,参数配置值，选择性配置*/
    let captcha2 = new CaptchaMini({
        // lineWidth: 1,   //线条宽度
        //lineNum: 6,       //线条数量
        // dotR: 2,          //点的半径
        // dotNum: 25,       //点的数量
        // preGroundColor: [10, 80],    //前景色区间
        // backGroundColor: [150, 250], //背景色区间
        fontSize: 45,           //字体大小
        // fontFamily: ['Georgia', '微软雅黑', 'Helvetica', 'Arial'],  //字体类型
        //fontStyle: 'stroke',      //字体绘制方法，有fill和stroke
        /* content: '一个验证码abcdefghijklmnopqrstuvw生成的插件使用的是canvas显示',  //验证码内容
        length: 6   */  //验证码长度
    });
    captcha2.draw(document.querySelector('#captcha1'), r => {
        /* console.log(r, '验证码2'); */
        yanzhengma = r
        /* 必须要把r在函数里面赋值给他,才能在外面使用
        yanzhengma */
    });


    /* 给14按钮注册事件 */
    btn.addEventListener("click", function () {
        /*  console.log(haoma.value); */
        /*  console.log(yanzhengma1.value); */
        /*  console.log(mima1.value); */
        /* console.log(mima2.value); */
        /* console.log(yanzhengma); */
        if (utils.isPhone(haoma.value)) {
            shibai.textContent = '手机号不合法'
        } else if (yan1.value != yanzhengma) {
            shibai.textContent = '验证码错误'
        } else if (!/^1[2]\d{1}$/.test(mima1.value)) {
            shibai.textContent = '密码错误'
        } else if (mima2.value != mima1.value) {
            shibai.textContent = '两次密码false'
        } else {
            /* 正确时清空*/
            shibai.textContent = ''

            /* 所有正确时再发请求 */
            /*1地址                 2参数 3回调函数*/
            $http.post("/users/add", { account: haoma.value, password: mima1.value }, function (res) {
                /* console.log(res); */
                if (res.status === 0) {
                    /*  alert("成功") */
                    /* 成功之后跳到登录 */
                    utils.showToast('chenggong', '注册成功');
                    setTimeout(function () {
                        location.href = "./password.html"
                    }, 3000)
                } else {
                    /*  alert("失败") */
                    utils.showToast('shibai', '注册失败');
                }
            })
        }
    })
})